@import './modules/reset';
@import './modules/header';
header{
	width: 100%;
	height: 152px;
}
// 内容
main{
	width: 1120px;
	height:1936px ;
	padding-top: 30px;
	padding-bottom: 60px;
	margin: 0 auto;
}
.main{
	&-left{
		width: 200px;
		padding-bottom: 10px;
		float: left;
	}
	&-hot{
		width: 100%;
		height: 72px;
		line-height: 72px;
		text-align: center;
		background-color: #e3e3e3;
		font-size: 20px;
		font-weight: bolder;
		color: #333;
	}
	&-hotshop{
		li{
			position: relative;
			height: 118px;
			padding-top: 6px;
			padding-left: 6px;
			border-bottom: 1px solid #f0f0f0;
			img{
				width: 80px;
				height: 112px;
				float: left;
			}
	}
 }
 &-hotip{
 	position: absolute;
 	top: 10px;
 	left: 10px;
 	width: 26px;
 	height: 28px;
 	line-height: 28px;
 	color: #fff;
 	text-align: center;
 	background: url(../images/listhot.png) no-repeat ;
 }
 &-hotip2{
 	position: absolute;
 	top: 10px;
 	left: 10px;
 	width: 26px;
 	height: 28px;
 	line-height: 28px;
 	color: #fff;
 	text-align: center;
 	background: url(../images/listhot2.png) no-repeat ;
 }
 &-font{
	 float: left;
	 width: 100px;
	 margin-left: 6px;
	 padding-top: 20px;
	 color: #666;
	 a{
		 display: inline-block;
		 font-size: 14px;
		 color: #333;
		 height: 26px;
		 line-height: 26px;
		&:hover{
			text-decoration: underline;
		}
	 }
	 div{
		  font-size: 12px;
		  height: 20px;
		  line-height: 20px;
	 }
	
 }
 &-jiao{
 		 margin-top: 20px;
 		 line-height: 42px;
 		 height: 42px;
 		 background-color: #e3e3e3;
 		 text-indent: 10px;
 		 font-size: 14px;
 		 font-weight: bolder;
 		 color: #282725;
 }
 &-ul{
	 padding-bottom: 12px;
	 li{
		 width: 100px;
		 float: left;
		 padding-top:6px;
		 padding-bottom: 6px;
		 border-bottom: 1px solid #f0f0f0;
	 a{
		 width: 80px;
		 margin: 0px auto;
		 display: block;
		 position: relative;
		 
	 }
	 img{
	 	width: 80px;
	 	height: 112px;
	 }
	 span{
		 display: block;
		 width: 58px;
		 height: 20px;
		 line-height: 20px;
		 color: #fff;
		 font-size: 12px;
		 text-align: center;
		 background: url(../images/hei75.png) left top;
		 position: absolute;
		 bottom: 10px;
		 left: 10px;
		 &:hover{
			 color: #FF9;
		 }
	 }
	 }
 }
 &-right{
	 position: relative;
	 width: 904px;
	 height:1936px ;
	 float: right;
	 &-list{
		 width: 856px;
		 min-height: 20px;
		 border: 4px solid #e3e3e3;
		 padding: 10px 20px 20px 20px;
	 }
	 &-links{
		 min-height: 105px;
		 border-bottom:1px solid #f0f0f0 ;
		 h2{
			 width: 100px;
			 text-indent: 16px;
			 color: #999;
			 float: left; 
			 height: 30px;
			 line-height: 30px;
			 padding-top: 12px;
			 background: url(../images/right_dian.png)  no-repeat 0px 24px;
			     font-size: 14px;
		 }
	 }
.yanse2{
	background-color: #ec4828;
	color: #fff;
}
	 &-nav{
		 width: 100%;
		 height: 105px;
		 a{
			float: left;
			height: 30px;
			line-height: 30px;
			padding: 0px 12px;
			margin-top: 12px;
			margin-right:20px ;
			font-size: 14px;
			color: #000000;
			&:hover{
				text-decoration: underline;
			}
		 }
	 }
	 &-span{
		 float: left;
		 height: 30px;
		 line-height: 30px;
		 background-color:#e3e3e3 ;
		 padding: 0px 12px;
		 margin-top: 12px;
		 margin-right: 20px;
		 font-size: 14px;
		position: relative;
		a{
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		font-size: 14px;
		&:hover{
			text-decoration: underline;
			color: #000000;
		}
			}
		}
	&-ziji{
		width: 360px;
		min-height: 20px;
		border: 1px solid #e7e7e7;
		margin-bottom: 6px;
		padding-left: 10px;
		position: absolute;
		left: -96px;
		top: 30px;
		a{
			float: left;
			height: 26px;
			line-height: 26px;
			padding: 0px 16px;
			margin-top: 0px;
			margin-right: 15px;
			font-size: 12px;
			color: #666;
		}
	 .se{
		 color:#ec4828;
		 font-weight: bolder;
		 text-decoration: underline;
	 }
	}
	&-shop{
		margin-top: 20px;
		width: 100%;
		min-height:200px ;
	}
	&-hea{
		position: relative;
		height: 30px;
		line-height: 30px;
		color: #bdbdbd;
		background: #282725;
	}
	&-ul{
		width: 600px;
		height: 30px;
		margin-left: 10px;
		position: relative;
		li {
			float: left;
		a{
			float: left;
			width: 100px;
			height: 30px;
			line-height: 30px;
			text-indent: 30px;
			text-align: left;
			color: #bdbdbd;
			font-size: 12px;
			background: url(../images/dian.png) no-repeat 64px center;
		
		}
		.fon{
			color: #282725;
		}
	}
	}
	&-toppag{
		position: absolute;
		top: 0;
		right: 0;
		font-size: 12px;
	}
	&-shophover{
		width: 100%;
		min-height: 300px;
		li{
		width: 225px;
		height: 370px;
		padding-top: 15px;
		border-right:1px solid #eaeaea ;
		border-bottom:1px solid #eaeaea ;
		float: left;
		position: relative;
		img{
			width: 200px;
			height: 280px;
			margin: 0px 12px;
			border:2px solid #fff ;
			margin-bottom: 20px
			
		}
		& a:hover img{
			border:2px solid #eaeaea ;
		}
		p{
		 margin-top: 6px;
		 text-align: center;
		 font-size: 12px;
		 color: #999;
		}
		span{
			color: #ee4727;
			margin-right: 5px;
		}
		}
	
	}
	&-biao{
		position: absolute;
		top: 16px;
		right: 12px;
		width: 60px;
		height: 60px;
		background: url(../images/new.png)no-repeat top right;
	}
	&-name{
		display: inline-block;
		width: 200px;
		height: 28px;
		line-height: 28px;
		overflow: hidden;
		text-align: center;
		font-size:14px ;
		color: #333;
		margin: 0px 12px;
	}
	&-pag{
		position: absolute;
		bottom: 0px;
		width: 100%;
	    height: 38px;
	    padding: 40px 20px 60px 20px;
	}
	&-hui{
		cursor: default;
		display: inline-block;
		border: 1px solid #e0e0e0;
		color: #c8c8c8;
		height: 38px;
		line-height: 38px;
		padding: 0px 16px;
		text-align: center;
		margin-right: 10px;
		background: #FFF;
		font-size: 18px;
	}
	&-hove{
		display: inline-block;
		padding: 0px 16px;
		border: 1px solid #999999;
		background: #999999;
		text-decoration: none;
		color: #FFF;
		margin-right: 10px;
	}
	&-box{
		float: right;
		width: 251px;
		height: 38px;
		line-height: 38px;
	}
	 }
	 
 }
.box-span{
	padding-right: 16px;
	line-height: 38px;
	color: #999;
	float: right;
}
.whiter{
	background-color: white;
}

.se{
	color: #ee4727;
}
.service{
	width: 46px;
	height: 321px;
	position: fixed;
	right: 0;
	top: 50%;
	border-radius: 10px 0px 0px 0px;
	margin-top: -160px;
	z-index: 99;
}
.links{
	width: 1120px;
	height: 314px;
	margin: 0 auto;
	&-hed{
		background: url(../images/hea_bj.png) 0px 9px no-repeat;
		height: 38px;
		padding-bottom: 4px;
		position: relative;
		h3{
			font-size: 18px;
			line-height: 38px;
			text-indent: 26px;
			font-weight: bolder;
			color: #282725;
			
		}
	
	}
	&-shopmore{
		position: absolute;
		top: 10px;
		right: 0px;
		line-height: 24px;
		padding: 0px 16px;
		font-size: 14px;
		background: #999999;
		color: #fff;
		display: block;
	}
	&-bottom{
		height: 270px;
		border-top: 2px solid #282725;
	}
	&-ul{
		width: 100%;
		height: 100%;
		float: left;
		li{
			width: 160px;
			position: relative;
			height: 260px;
			padding-top: 10px;
			float: left;
			border-right: 1px solid #ccc;
			img{
				width: 140px;
				height: 196px;
				display: block;
				margin: 0px auto 6px auto;
			}  
			p{
			 margin-top: 6px;
			 text-align: center;
			 font-size: 12px;
			 color: #999;
			}
			span{
				color: #ee4727;
				margin-right: 5px;
			}
		}
	}
	&-shop{
		margin: 0px auto;
		line-height: 28px;
		height: 28px;
		width: 140px;
		overflow: hidden;
		text-align: center;
		font-size: 14px;
		display: block;
		color: #333;
	}
	
	
}
footer{
	width: 1200px;
	min-height: 50px;
	padding-top: 30px;
	margin: 0 auto;
}
@import './modules/footer';